<!DOCTYPE html>

<html>
<!-- 
	登录页
-->

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>一体化教学管理平台</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	
	<link rel="stylesheet" href="css/site.login.min.css" />
	<!--layui的样式库-->
	<link rel="stylesheet" href="layui/css/layui.css">
	<!-- 自己的样式 有顺序要求 -->
	<link rel="stylesheet" href="mystyle.css">
	
	<!--<script type="text/javascript" src="js/jquery.3.js" ></script>-->
	<!--layui.js引用-->
	<script type="text/javascript" src="layui/layui.js" ></script>
</head>

<body id="login-sign-in">

	<div class="preloader" style="display: none;">
		<div class="loader_img">
			<img src="img/loader.gif" alt="loading..." height="64" width="64" style="display: none;">
		</div>
	</div>
	<div class="login-header">
		<span class="login-header-title">一体化教学管理平台</span>
		<span class="login-header-denglu">登录</span>
	</div>
	<div class="login-mid">
		<div class="container login-bg">
			<div class="login-mid-content">
				<img class="login-banner" src="img/login-banner.png" />
				<div class="login-form">
					<form id="authentication" method="post" novalidate="novalidate" class="layui-form">
						<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
							<ul class="layui-tab-title login-form-type">
								<li class="layui-this">开课人</li>
								<li>学员</li>
								<li>管理员</li>
							</ul>
							<div class="layui-tab-content">
								<div class="layui-tab-item layui-show">
									<div class="layui-form-item login-yonghu-input1">
										<label for="username" class="sr-only"> 用户名</label>
										<input type="text" class="form-control cl-input-error" name="username"  placeholder="开课人用户名" >
										<span class="login-error">用户名不能为空</span>
									</div>
									<div class="layui-form-item login-yonghu-input2">
										<label for="password" class="sr-only">密码</label>
										<input type="password" class="form-control cl-input-error"  name="password" placeholder="密码" autocomplete="off">
										<span class="login-error">密码不能为空</span>
									</div>
								</div>
								<div class="layui-tab-item">
									<div class="layui-form-item login-yonghu-input1">
										<label for="username" class="sr-only"> 用户名</label>
										<input type="text" class="form-control cl-input-error" name="username"  placeholder="学员用户名" >
										<span class="login-error">用户名不能为空</span>
									</div>
									<div class="layui-form-item login-yonghu-input2">
										<label for="password" class="sr-only">密码</label>
										<input type="password" class="form-control cl-input-error"  name="password" placeholder="密码" >
										<span class="login-error">密码不能为空</span>
									</div>
								</div>
								<div class="layui-tab-item">
									<div class="layui-form-item login-yonghu-input1">
										<label for="username" class="sr-only"> 用户名</label>
										<input type="text" class="form-control cl-input-error" name="username"  placeholder="管理员用户名" >
										<span class="login-error">用户名不能为空</span>
									</div>
									<div class="layui-form-item login-yonghu-input2">
										<label for="password" class="sr-only">密码</label>
										<input type="password" class="form-control cl-input-error"  name="password" placeholder="密码" >
										<span class="login-error">密码不能为空</span>
									</div>
								</div>
								<div class="layui-form-item login-yonghu-button">
									<div class="layui-row">
										<div class="layui-col-xs6 ">
											<div class="checkbox-inline">
												<input type="checkbox" lay-skin="primary" title="记住密码" class="login-checkbox">
											</div>
										</div>
										<div class="layui-col-xs6" style="text-align: right;">
											<label class="checkbox-inline">
												<a href="http://yth.0101data.cn/account/forgetpassword" id="forgot" class="forgot"> 忘记密码 ? </a>
											</label>
										</div>
									</div>
								</div>
								<div class="layui-form-item login-yonghu-button">
									<button id="login-button" class="layui-btn btn-block"  type="button"> 登 录</button>
								</div>
							</div>
						</div>
					</form>
					<div class="login-loading"><img src="layui/css/modules/layer/default/loading-2.gif" ></div>
				</div>
			</div>
		</div>
	</div>

	<div class="login-footer">
		<span>厦门理工学院 &copy; 2018</span>
	</div>


	<script type="text/javascript">
		layui.use(['element','form'], function () {
			var $ = layui.jquery,
				element = layui.element,
				form = layui.form; //Tab的切换功能，切换事件监听等，需要依赖element模块
		});
	</script>
		
<script>
	$(function () {
		$("#login-button").click(function () {
//			alert("账号密码不为空");
			$(".login-error").css("display","block");
			$(".cl-input-error").addClass("input-error");
			$(".login-loading").css("display","block");
		});
		/*错误提示显示*/
	
	});
</script>
</body>

</html>